/* 背景色从左到右渐变 */
@mixin linear($direction: right, $color1: #fbde77, $color2: #ffb931) {
	background: linear-gradient(to $direction, $color1, $color2);
}

@mixin line {
	height: 1px;
	background-color: #eeeeee;
}

$theme-color: #000000;

@mixin absolute-center {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

@mixin absolute-fill {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

// 文字描边
@mixin text-shadow {
	text-shadow: 1px 1px 1px #3C1476, 1px 1px 1px #3C1476;
}


@mixin row-center {
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
}
@mixin center {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}

.controller {
	-webkit-animation: bounce-down 1.6s linear infinite;
	animation: bounce-down 1.6s linear infinite;
}

@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(-4px);
	}
	50%,
	100% {
		-webkit-transform: translateY(0);
	}
	75% {
		-webkit-transform: translateY(4px);
	}
}

@keyframes bounce-down {
	25% {
		transform: translateY(-4px);
	}
	50%,
	100% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(4px);
	}
}

@keyframes scale {
	0% {
		transform: scale(0.9);
	}
	25% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.9);
	}
	75% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}
.animate-scale {
	-webkit-animation-name: scale;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
}
